<template>
	<view>
		<view class="edgeInsetTop"></view>
		<view class="cu-form-group bgz margin-top">
			<view class="title">横幅消息通知</view>
			<switch @change="pushs" :class="user.pushs ? 'checked' : ''" :checked="user.pushs ? true : false" />
		</view>
		<view class="cu-form-group bgz margin-top">
			<view class="title">系统声音</view>
			<switch @change="voice" :class="user.voice ? 'checked' : ''" :checked="user.voice ? true : false" />
		</view>
		<view class="cu-form-group bgz">
			<view class="title">系统震动</view>
			<switch @change="shock" :class="user.shock ? 'checked' : ''" :checked="user.shock ? true : false" />
		</view>
	</view>
</template>

<script>
import { mapState } from 'vuex';
export default {
	computed: {
		...mapState(['user'])
	},
	methods: {
		async loadData(data) {
			// await uni.request({
			// 	url: '/wanlshop/user/profile',
			// method: 'POST',
			// 	data: data
			// });
			console.log('需要修改Fastadmin User数据表，原生版本暂不可以同步');
			uni.setStorageSync('wanlshop:user', this.$store.state.user);
		},
		pushs(e) {
			let data = {
				pushs: e.target.value
			};
			this.$store.commit('user/setUserInfo', data);
			this.loadData(data); // 提交服务器
		},
		voice(e) {
			let data = {
				voice: e.target.value
			};
			this.$store.commit('user/setUserInfo', data);
			this.loadData(data);
		},
		shock(e) {
			let data = {
				shock: e.target.value
			};
			this.$store.commit('user/setUserInfo', data);
			this.loadData(data);
		}
	}
};
</script>

<style></style>
